vicious13

<HTML>
<title><$ImeBloga$></title>
<head>
<style type="text/css">
#navbar-iframe{ display: none; }
body{ background-color: #fffff; font-family: arial; color: #555; text-align: justify; }
a{ text-decoration: none; font-size: 8pt; -webkit-transition: .5s; color: #c5ae7c; }
a:hover{ color: #666; }
blockquote{ border: dotted 1px #e5dfbd; padding: 5px; background: #f4f1e3; font-family: georgia; font-size: 7pt; }
.trigger{ background: #fcf3df; color: #8d7541; margin-bottom: 1px; padding: 2px; font-size: 7pt; text-transform: uppercase; font-family: georgia; letter-spacing: 2px; text-align: center; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; }
.booger{background: #fcf3df; color: #8d7541; margin-bottom: 1px; padding: 2px; font-size: 7pt; text-transform: uppercase; font-family: georgia; letter-spacing: 2px; text-align: center; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; }
.trigger:hover{ background: #ecd6a8; }
.booger:hover{ background: #ecd6a8; }
.date{ background: #e5d0a4; font-size: 7pt; text-transform: uppercase; text-align: right; color: #fff; }
.title{ font-family: georgia; font-size: 12pt; color: #ad9768; }
.title:first-letter{ font-style: italic; }
#everyseeng{ width: 715px; font-size: 8pt; text-align: justify; margin-top: 30px; }
.left{ position: fixed; float: left; width: 200px; margin-right: 15px; }
.left img{ width: 200px;}
.right{ float: right; width: 500px; }
::-webkit-scrollbar{ width: 10px; height: 5px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{ height: 0px; display: block; background-color: #fcfcfc; }
::-webkit-scrollbar-track-piece{ background-color: #fcfcfc; }
::-webkit-scrollbar-thumb{ height: 50px; background-color: #ad9d79; }
::-webkit-scrollbar-thumb:hover{ background: #ad9d79; }

</style>
</head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

 $(".box").hide();

 $(".trigger").click(function(){
  $(this).toggleClass("active").next().slideToggle("slow");
 });

});
</script>
<body>
<div align="center">


<div id="everyseeng">

<div class="left">
<center><img src="http://i68.tinypic.com/35aoivp.gif" border="0" alt="Image and video hosting by TinyPic"></a><center>
<br>

 	        <div class="trigger"><box1><$NaslovBoxa$></box1></div>
		<span style="display:none; margin-top: 5px; padding-bottom: 5px; margin-bottom: 5px; font-size: 10px; color: #666; " style=&{head};><box1><$TekstBoxa$><br><br></box1></span>

		<div class="trigger"><box2><$NaslovBoxa$></box2></div>
		<span style="display:none; margin-top: 5px; padding-bottom: 5px; margin-bottom: 5px; font-size: 10px; color: #666; " style=&{head};><box2><$TekstBoxa$><br><br></box2></span>

		<div class="trigger"><box3><$NaslovBoxa$></box3></div>
		<span style="display:none; margin-top: 5px; padding-bottom: 5px; margin-bottom: 5px; font-size: 10px; color: #666; " style=&{head};><box3><$TekstBoxa$><br><br></box3></span>

		<div class="trigger"><box4><$NaslovBoxa$></box4></div>
		<span style="display:none; margin-top: 5px; padding-bottom: 5px; margin-bottom: 5px; font-size: 10px; color: #666; " style=&{head};><box4><$TekstBoxa$><br>Layout by <a href="http://blogskins.com/me/rainymartini" target="_blank">martini</a> with adaptation by <a href=http://blog.dnevnik.hr/vicious target=_blank>Vicious</a>.<br></box4></span>
<center><br>
</div>

<div class="right">

<Blog>
<div style="background: #fff; padding: 5px;">
<div class="title"><$NaslovPosta$></div>
<div class="date"><span class="on"><$DanUMjesecuPosta$>. <$MjesecPosta$> <$GodinaPosta$>, <$VrijemePosta$></span><br></div>
<br>

<$TekstPosta$>
<br><br>
<div class="h2"><a class="comments" href="<$KomentariPosta$>" target=_blank>Komentari</a></div>
</div>
<br>
</Blog>

</div>
</div>
</div>
</body>

</HTML>